<template>
	<view class="consult">
		<view class="consult-ul">
			<text>会员到期日:2021-07-27</text>
		</view>
		<view class="consult-z">
			<text>咨询类型</text>
			<input type="text" value="" placeholder="请输入咨询类型  (例:财产纠纷)" />
		</view>
		<view class="consult-z">
			<text>咨询内容</text>
			<textarea value="" placeholder="请输入咨询内容" />
		</view>
		<view class="consult-z">
			<text>图片/视频上传</text>
			<view class="consult-s">
				<view class="promotion-ti">
					<image class="thumbnail" src="" mode="" @click="chooseImg"></image>
					<image  class="xiao" v-for="item in imgArr" :src="item" ></image>
				</view>
			</view>
		</view>
		<view class="consult-t">
			<text>提交</text>
		</view>
	</view>

</template>

<script>
	export default{
		data(){
			return{
				imgArr: []
			}
		},
		methods:{
			onNavigationBarButtonTap(){
				uni.navigateTo({
					url:'/pages/advisory/consult'
				})
			},
			chooseImg() {
				uni.chooseImage({
					count: 2,
					success: res => {
						this.imgArr = res.tempFilePaths
					}
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.consult {
		margin: 0 auto;
		.consult-ul {
			display: flex;
			justify-content: flex-end;
			padding: 40rpx 30rpx;
			text {
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #000000;
				letter-spacing: 3rpx;
			}
		}

		.consult-z {
			padding: 14rpx 30rpx;

			text {
				font-size: 36rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #000000;
				letter-spacing: 3rpx;
			}

			input {
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #999999;
				padding-top: 21rpx;
				letter-spacing: 3rpx;
			}

			textarea {
				height: 100rpx;
				padding-top: 21rpx;
				letter-spacing: 3rpx;
			}

			.consult-s {
				width: 171rpx;
				height: 171rpx;
				text-align: center;
				background-image: url(/static/image/jiahao.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 60rpx 60rpx;
				display: block;
				margin-top: 40rpx;
				display: flex ;
				.promotion-ti {
					display: flex ;
					.xiao {
						width: 171rpx;
						height: 171rpx;
						margin-left: 20rpx;
					}
				
					.thumbnail {
						width: 171rpx;
						height: 171rpx;
						border: 1rpx solid #EEEEEE;
					}
				}
				
			}
		}
		.consult-t{
			width: 686rpx;
			height: 80rpx;
			background: #0099FF;
			opacity: 0.5;
			border-radius: 13rpx;
			text-align: center;
			margin: 171rpx auto;
			text{
				font-size: 33rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #FFFFFF;
				letter-spacing: 8rpx;
				line-height: 80rpx;
			}
		}
	}
</style>
